/*
 * default.css : CSS for SIT User's manual. Makes use of some CSS3 attributes.
 *
 * You better have a browser with pretty good CSS 2.1 support to render
 * everything correctly (in other words: forget IE below v8). And for
 * more bang for your bucks, best is to also support CSS3.
 *
 * Written by T.Pierron, Apr 2010
 */

@media print {
body #doc { width: 100%; box-shadow: none; -moz-box-shadow: none;
            -webkit-box-shadow: none; padding: 0 }
html body { background: white; font-size: 11pt }
h2 { page-break-before: always; border: 0 !important }
a:visited { color: blue }
}

body {
	font-family: sans-serif;
	font-size: 12px;
	background: #aaa url(images/checkboard.png) repeat 0 0;
	margin: 0;
	padding: 0;
}

#doc {
	width: 65%;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
	box-shadow: 0 0 10px black;
	margin: 0 auto;
	padding: 40px 10px;
	background-color: white;
}

#auth {
	padding: 50px 0;
	text-align: center;
	font-family: Georgia, serif;
	font-style: italic
}

#tagline {
	padding-top: 30px;
	font-family: Georgia, serif;
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
}

h2  { padding-left: 5px }
h1  { text-align: center; margin: 0 -10px; padding: 2px 0 }
p   { text-align: justify }
.c  { color:#2222AA }
.i  { color:#54AAAA }
.d  { color:#A600F7 }
.o  { color:#FF00FF }
.s  { color:#7700FF }
.t  { color:#146A31; font-weight:bold }
.k  { color:#A62828; font-weight:bold }
.e  { color:#FFFFFF; background-color:#FF3333 }
.n  { color:black;   background-color:#FFFF00 }
.h  { font-weight: bold }

.table   { border: 1px solid black }
table    { width: 100%; border-collapse: collapse }
thead    { background-color: #c8c8c8 }
thead td { border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 2px 4px;
           text-shadow: 0 1px 0 white }
td.col   { background-color: #eee; font-weight: bold; text-align: right; padding-right: 5px }
tbody td { border: 1px solid #ccc; border-width: 0 1px 1px 0; font-size: 0.9em;
           vertical-align: baseline; padding: 1px 4px; }

dt { border-bottom: 2px groove #ccc; font-weight: bold; padding: 2px 0; }
dd { margin-bottom: 4px }

li { margin-bottom: 5px }
img.figure { display:block; margin: 5px auto }

h1, h2 {
	text-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
	background-color: rgb(207,47,55);
	background: -moz-linear-gradient(0deg, #ca2F37, #e7969a);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#CA2F37), to(#E7969A));
	color: white;
	border: 1px inset rgb(207,47,55);
	border-width: 1px 0;
}

h3 {
	background-color: #e0e0e0;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#E0E0E0), to(#f5f5F5));
	background: -moz-linear-gradient(0deg, #e0e0e0, #f5f5F5);
	text-shadow: 0 1px 0 white;
	border-bottom: 1px solid #aaa;
}

h2 { background-color: rgba(207,47,55,0.8) }
h3:before { content: "\25CF"; font-size: 0.9em; padding: 0 3px }
h4:before { content: "\25CF"; padding: 0 3px }

ol.toplevel { list-style-type: upper-roman }

.lettrine {
	font-size: 2em;
	display: block;
	float: left;
	padding-right: 5px;
	font-family: serif;
}

.note {
	font-style: italic;
	font-family: Georgia, serif;
	color: #666;
}

strong {
	background-color: #fffaac;
}

div.sep:after { content: "~" }
div.sep {
	text-shadow: 0 2px 5px #ccc;
	font-size: 40px;
	text-align: center;
	font-family: serif;
	line-height: 30px
}
pre {
	margin:0;
	border:1px solid rgb(229, 204, 255);
	font-family: Consolas, Lucida Console, monospace;
	background-color: rgb(249, 242, 255);
	padding: 2px
}

dl dd pre { margin: 10px 0 }

.imgcaption { display: inline-block }
.imgcaption img { display: block; margin: 0 auto }
.imgcaption .caption { display: block; text-align: center; font-size: 0.9em }

.bgtip {
	background-color: #ff5;
	background: -moz-linear-gradient(270deg, #e8e654, #ff5);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8e654), to(#ff5));
	-moz-box-shadow: 2px 2px 8px #aaa;
	-webkit-box-shadow: 2px 2px 8px #aaa;
}
.tip {
	background: transparent url(images/tip.png) no-repeat 5px 5px;
	padding: 5px 10px 5px 50px;
}

.preformat {
	display: block;
	background-color: white;
	padding: 2px;
	border:1px solid rgb(229, 204, 255);
	font-family: monospace;
	white-space: pre;
	margin: 5px 0;
}

.shortcut {
	background-color: white;
	font-family: monospace;
	padding: 0px 3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: outset;
	border: 1px solid #860;
}
